﻿$(function() {
	/**
	 * 设备开动情况
	 * */
    var dayline = echarts.init(document.getElementById('singlechart'));
    optionline = {
            tooltip : {
                trigger: 'axis',
                axisPointer: {
    		        type: 'shadow'
    		    }
            },
//            toolbox:{
//            	show:true,
//            	orient:'horizontal',
////            	x:'right',
//            	y:'top',
//            	top:'top',
//            	right:20,
//            	backgroundColor: 'rgba(0,0,0,0)', // 工具箱背景颜色
//                borderColor: '#ccc',       // 工具箱边框颜色
//                borderWidth: 0,            // 工具箱边框线宽，单位px，默认为0（无边框）
//                padding: 5,                // 工具箱内边距，单位px，默认各方向内边距为5，
//                showTitle: true,
//                feature:{
//                     myTool : {
//                         show : true,
//                         title : '切换设备',
//                         icon : 'image://../../resources/img/icon-max.png',
//                         onclick : function (){
//                        	 var equPanel = $('#allEquipsByLine');
//                     		equPanel.dialog('open');
//                     		$('#equip_data').datagrid({    
//                     		    url: basePath+"/equip/findByLine.json",
//                     		    queryParams:{lineId:lineId}
//                     		});
//                         }
//                     }
//                }
//            },
            backgroundColor:'#e0e0e0',
            grid: {
                top: '15%',
                left: '4%',
                right: '5%',
                bottom:'20%',
                containLabel: true
            },
            legend: {
            	bottom: '20',
    	        data:['平均开动率','平均满载率']
    	    },
            xAxis:  {
                type: 'category',
                boundaryGap: [1, 1],
                data: [],//['4月','5月','6月','7月','8月','9月'],
                name:'小时',
                splitLine:{
                	show:false
                }
            },
            yAxis: {
            	min:0,
            	max:100,
                type: 'value',
                name:'开动率(%)',
                axisLabel:{
    	    		 formatter: '{value}'
    	    	 },
                splitLine:{
                	show:false
                }
            },
//            dataZoom:{
//    	    	type:'slider',
//    	    	start:0,
//    	    	end:50,
////    	    	labelFormatter: function (value) {
////    	    	    return value; // 返回最终的label内容。
////    	    	},
//    	    	bottom:20
//    	    },
            series: [{
                 name:'平均开动率',
                 type:'line',
                 data:[]//[0.8,0.9,0.84,0.7,0.8,0.91],
             },{
                 name:'平均满载率',
                 type:'line',
                 data:[]//[0.83,0.75,0.89,0.91,0.79,0.93],
             }]
        };
    dayline.setOption(optionline);
    
    
    /**
     * 月度同比
     * */
    
    var monthbar2 = echarts.init(document.getElementById('monthbar2'));
	optionBar2 = {
		    tooltip: {
		        trigger: 'axis',
		        axisPointer: {
		            type: 'shadow'
		        }
		    },
		    backgroundColor:'#e0e0e0',
		    grid: {
	            top: '10%',
	            left: '4%',
	            right: '6%',
	            bottom:'20%',
	            containLabel: true
	        },
		    xAxis: {
		        type: 'value',
		        boundaryGap: [0, 0.01],
		        nameLocation:'end',
			        axisLabel : {
	                formatter: '{value}'
	            }
		    },
		    yAxis: {
		        type: 'category',
		        name : '月度同比',
		        data:[],//['2016年8月','2015年8月'],
		        splitLine:{
	            	show:false
	            }
		    },
		    series: [
		        {
		            name: '平均开动率',
		            type: 'bar',
		            barMaxWidth:40,
		            label: {
		                normal: {
		                    show: true,
		                    formatter: '{c}%',
		                    position: 'right'
		                }
		            },
		            data: []//[80,70]
		        },
		        {
		            name: '平均满载率',
		            type: 'bar',
		            barMaxWidth:40,
		            label: {
		                normal: {
		                    show: true,
		                    formatter: '{c}%',
		                    position: 'right'
		                }
		            },
		            data:[]// [85,80]
		        }
		    ]
		};
	monthbar2.setOption(optionBar2);
	
	//下拉框选项
    $('#cc').combobox({
    	width:'100px',
    	panelHeight:100,
    	valueField: 'value',
		textField: 'label',
		data: [{
			label:'选择月份',
			value:'0'
		},{
			label: '1月',
			value: '1'
		},{
			label: '2月',
			value: '2'
		},{
			label: '3月',
			value: '3'
		},{
			label: '4月',
			value: '4'
		},{
			label: '5月',
			value: '5'
		},{
			label: '6月',
			value: '6'
		},{
			label: '7月',
			value: '7'
		},{
			label: '8月',
			value: '8'
		},{
			label: '9月',
			value: '9'
		},{
			label: '10月',
			value: '10'
		},{
			label: '11月',
			value: '11'
		},{
			label: '12月',
			value: '12'
		}] ,
		onChange:function(value){
			getSameMonthData();
		}
    });
    
    var lineId=0;var equId=0;
    var	startMonth=1;
    var	endMonth=1;
    var year=moment().year();
    
    /**
     * slider滑动事件
     * */
    $('#ss').slider({
    	range: true,
    	max:12,
		tipFormatter: function(value){    
        	return "第"+value+"月";
        },
        onComplete:function(value){//滑块值改变时触发
	       	startMonth=value[0];
	       	endMonth=value[1];
	       	getData();
       }
    });
    
    /**
     * 初始化
     * */
    var vm = new Vue({
	    el: '#itemData',
	    data:{item:[]}
	}); 
    var vm2 = new Vue({
	    el: '#itemData2',
	    data:{item:[]}
	}); 

    var weeks=[1,moment().month()+1];
    $('#ss').slider('setValues',weeks);
    var arr=$('#ss').slider('getValues');
    startMonth=arr[0];
    endMonth=arr[1];
    getData();
    
  
    function getData(){
    	$("#cc").combobox('setValue', startMonth);
    	$.post(basePath+"/line/StartrateMonth.json",{"lineId":lineId,"equId":equId,year:year,startTime:startMonth,endTime:endMonth},function(res){
    		vm.$set('item',res);
    		vm2.$set('item',res);
//    		if(res.success){
    			dayline.setOption({
    		        xAxis: {
    		            data: res.everymonth
    		        },
    		        series: [{
    		        	name:'平均开动率',
    		            data: res.startRate
    		        },{
    		        	name:'平均满载率',
    		            data: res.fullRate
    		        }]
    			});
    			monthbar2.setOption({
   	   			 yAxis: {
   				        data:res.everymonth 
   				    },
   			    series: [{
   			    	name: '平均开动率',
   		            data: res.startRates
   			    },{
   			    	name: '平均满载率',
   		            data: res.fullRates
   			    }]
       		});
//    		}else{
//    			alert("无数据，请重新选择时间区间");
//    		}
    	});
    }
    function getSameMonthData(){
    	var month=$("#cc").combobox('getValue');
    	$.post(basePath+"/line/lineBySameMonth.json",{"equId":equId,"month":month},function(res){
    		monthbar2.setOption({
	   			 yAxis: {
				        data:res.everymonths 
				    },
			    series: [{
			    	name: '平均开动率',
		            data: res.startRates
			    },{
			    	name: '平均满载率',
		            data: res.fullRates
			    }]
    		});
    	});
    }
//    function switchEquipment(){
//    	$.post(basePath+"/line/switchEquipment/month.json",{"equId":equId,year:year,startTime:startMonth,endTime:endMonth},function(res){
//    		vm2.$set('item',res);
//    		dayline.setOption({
//		        xAxis: {
//		            data: res.everymonth
//		        },
//		        series: [{
//		        	name:'平均开动率',
//		            data: res.startRate
//		        },{
//		        	name:'平均满载率',
//		            data: res.fullRate
//		        }]
//			});
//    	});
//    }
	 //点击事件
	 $("#defineTime").click(function (){
		 var mePanel = $('#defineTimeWin');
	   	 mePanel.dialog('open');
	 });
	//定义时间的表单
	$('#defineTimeWin').dialog({
		title:'自定义时间',
		width:400,
		height:150,
		iconCls:'icon-add',
		closed: true,
		modal: true,
		inline:true,
		buttons:[{
			text:'确定',
			iconCls:'icon-add-new',
			handler:function(){
					var st=$("input[name='startTime']").val();
					year=st;
					getData();
					$('#defineTimeWin').dialog('close');

			}
		},{
			text:'取消',
			iconCls:'icon-redo',
			handler:function(){
				$('#defineTimeWin').dialog('close');
			}
		}],
		onClose: function() {
			$('#defineTimeform').form('reset');
		}
	});
	 /**
	  * 切换设备的点击事件
	  * */
	var mePanel = $('#switchEquip');
	$("#linetree").tree({
		onClick: function(node) {
			if (node.url) {
				lineId=node.id;
				var lineGrid = $('#lines_data');
				lineGrid.datagrid('load',{
					lineId:node.id
				});
				lineGrid.datagrid('getPanel').panel('setTitle',node.text);
			}
		}
	});
	$('#lines_data').datagrid({
		//双击设备时，根据选中设备刷新
		onDblClickRow: function(rowIndex, rowData){
			equId=rowData.id;
			var arr=$('#ss').slider('getValues');
		    startMonth=arr[0];
		    endMonth=arr[1];
		    getData();
		    mePanel.dialog('close');
		}
	});
 $("#switchEquipOK").click(function(){
 	var row = $('#lines_data').datagrid('getSelected');
 	if(row){
 		equId=row.id;
 		var arr=$('#ss').slider('getValues');
 	    startMonth=arr[0];
 	    endMonth=arr[1];
 	    getData();
		$('#switchEquip').dialog('close');
 	}else{
 		$.messager.alert({showSpeed:100,title:'消息提示',msg:'请选择一条设备记录!',timeout:3000});
 	}
 });
});